<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Untitled Document</title>
<link href="/itfinger/CSS/20130108_hyun.css" rel="stylesheet"  type="text/css" />
<link href="/itfinger/CSS/selectbox.css" rel="stylesheet"  type="text/css" />
<script type="text/javascript" src="/itfinger/JS/selectbox.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type=text/javascript jQuery19007382069064689989="93">
jQuery(function($){
	
	// Common
	var select_root = $('div.select_02');
	var select_value = $('.my_value');
	var select_a = $('div.select_02>ul>li>a');
	var select_input = $('div.select_02>ul>li>input[type=radio]');
	var select_label = $('div.select_02>ul>li>label');
	
	// Radio Default Value
	$('div.my_value').each(function(){
		var default_value = $(this).next('.i_list').find('input[checked]').next('label').text();
		$(this).append(default_value);
	});
	
	// Line
	select_value.bind('focusin',function(){$(this).addClass('outLine')});
	select_value.bind('focusout',function(){$(this).removeClass('outLine')});
	select_input.bind('focusin',function(){$(this).parents('div.select_02').children('div.my_value').addClass('outLine')});
	select_input.bind('focusout',function(){$(this).parents('div.select_02').children('div.my_value').removeClass('outLine')});
	
	// Show
	function show_option(){
		$(this).parents('div.select_02:first').toggleClass('open');
	}
	
	// Hover
	function i_hover(){
		$(this).parents('ul:first').children('li').removeClass('hover');
		$(this).parents('li:first').toggleClass('hover');
	}
	
	// Hide
	function hide_option(){
		var t = $(this);
		setTimeout(function(){
			t.parents('div.select_02:first').removeClass('open');
		}, 1);
	}
	
	// Set Input
	function set_label(){
		var v = $(this).next('label').text();
		$(this).parents('ul:first').prev('.my_value').text('').append(v);
		$(this).parents('ul:first').prev('.my_value').addClass('selected');
	}
	
	// Set Anchor
	function set_anchor(){
		var v = $(this).text();
		$(this).parents('ul:first').prev('.my_value').text('').append(v);
		$(this).parents('ul:first').prev('.my_value').addClass('selected');
	}

	// Anchor Focus Out
	$('*:not("div.select_02 a")').focus(function(){
		$('.a_list').parent('.select').removeClass('open');
	});
			
	select_value.click(show_option);
	select_root.removeClass('open');
	select_a.click(set_anchor).click(hide_option).focus(i_hover).hover(i_hover);
	select_input.change(set_label).focus(set_label);
	
});


</script>
</head>
<body marginheight="0" marginwidth="0">
    <div style="position:absolute; left:50%; margin-left:-512px; width:1024px; height:800px; z-index:-1000;">
        <div style="position:relative; margin:0px; height:25px; text-align:center;">
                <table border="0" cellspacing="0" cellpadding="0" width="1024" heigh="25">
                  <tr>
                    <td align="right"><img src="/itfinger/IMAGE/location.jpg" height="8" style="margin-top:17px;"/></td>
                  </tr>
                </table>
         </div>
        <div class="APP_ing" style="position:absolute; margin:5px 0px 0px 15px; z-index:100; width: 143px; height: 42px;">APP 미등록<span class="APP_ing_2"> 등록중지</span></div>
      	<div class="APP_ing" style="position:absolute; margin:5px 0px 0px 15px; z-index:100; width: 143px; height: 42px;">APP 미등록<span class="APP_ing_2"> 등록중지</span></div>
      	<div style="position:relative; margin:0px 0px 0px 0px; text-align:center; background-color:#000;" id="main_navi">
			<table border="0" cellspacing="0" cellpadding="0" width="1024" height="31"  bgcolor="#000000">
                <tr>
                  	<td width="187"></td>
                    <td width="189"><img src="/itfinger/IMAGE/main_navi/off__02.jpg" width="189" height="31" id="mBtn_01" border="0" /></td>
                    <td width="150"><img src="/itfinger/IMAGE/main_navi/off__03.jpg" width="150" height="31" id="mBtn_01" border="0" /></td>
                    <td width="167"><img src="/itfinger/IMAGE/main_navi/off__04.jpg" width="167" height="31" id="mBtn_01" border="0" /></td>
                    <td width="151"><img src="/itfinger/IMAGE/main_navi/off__05.jpg" width="151" height="31" id="mBtn_01" border="0" /></td>
                    <td width="151"><img src="/itfinger/IMAGE/main_navi/off__06.jpg" width="180" height="31" id="mBtn_01" border="0" /></td>
                </tr>
            </table>
        </div>
        <div style="position:absolute; margin:0px 0px 0px 0px; width:187px;">
        	<div style="background-color:#e4e7ef; width:187px;"><img src="/itfinger/IMAGE/sub_navi_03.jpg" width="187" height="834" /></div>	
            <div style="margin:-75px 0px 0px 187px;"><img src="/itfinger/IMAGE/copyrignt.jpg" height="75" style="margin-bottom:-5px;" /></div>
        </div>
		<div style="position:absolute; margin:0px 0px 0px 187px; width:82%; background-color:#fafafa;" id="contents">
       		<div style="position:absolute; margin:10px 10px 0px 10px; background-color:#fafafa;"><img src="/itfinger/IMAGE/App/link_page/phone.jpg" width="229" height="471" /></div>
                <!-- 편집타입-->
            	<div style="position:relative; margin:25px 10px 0px 0px; width:536px; right:-35%;">
                <!--편집 타입 -->
                <div style="position:relative; margin-bottom:10px; vertical-align:top;"><img src="/itfinger/IMAGE/App/main_menu/edit_type.jpg" />
                    <input type="text" style="height:20px; width:100px; margin :0px 0px 3px 10px;" class="input_01" />
                    <input type="image" src="/itfinger/BTN/ok_01.jpg" style="height:22px; margin-top:1px;" /></div>
                <div style="position:relative; margin-bottom:20px;"><img src="/itfinger/IMAGE/App/main_menu/skin.jpg" />
                    <div class="select_02"style="height:20px; width:100px; margin :-25px 0px 2px 10px;">
                        <span class="ctrl"><span class="arrow"></span></span>
                        <button type="button" class="my_value">
                        <ul class="a_list">
                        <li><a href="#1">Link_1</a></li>
                        <li><a href="#2">Link_2</a></li>
                        <li><a href="#3">Link_3</a></li>
                        </ul>
                        </button> 
                    </div>
                </div>
                <div style="position:relative; margin-bottom:3px; text-align:right;">
                    <input type="image" src="/itfinger/BTN/undo.jpg" style="margin-left:2px;" />
                    <input type="image" src="/itfinger/BTN/view.jpg"  style="margin-left:2px;"/>
                    <input type="image" src="/itfinger/BTN/intactly.jpg"  style="margin-left:2px;"/>
                    <input type="image" src="/itfinger/BTN/save.jpg" style="margin-left:2px;" />
                </div>
                <div style="height:1px; background-color:#94a0c5;"></div>
                <div style="position:relative; height:20px;"> </div>
                <!--메인메뉴 이름 -->
                <div style="position:relative; margin-bottom:10px;"><img src="/itfinger/IMAGE/App/main_menu/manu_name.jpg" />
                    <input type="text" style="height:20px; width:100px; margin :0px 0px 2px 10px;" class="input_01" /></div>
                <div style="position:relative; margin-bottom:10px;"><img src="/itfinger/IMAGE/App/main_menu/ratio.jpg" />
                    <!--<select style="height:20px; width:100px; margin :0px 0px 2px 10px;"class="selectBox" id="styleSelect" onChange="ItemChange(this);"></select>-->
                    <div class="select_02"style="height:20px; width:100px; margin :0px 0px 2px 10px;">
                        <span class="ctrl"><span class="arrow"></span></span>
                        <button type="button" class="my_value">dfdfdf</button>
                        <ul class="a_list">
                        <li><a href="#1">Link_1</a></li>
                        <li><a href="#2">Link_2</a></li>
                        <li><a href="#3">Link_3</a></li>
                        </ul> 
                    </div>
                <div style="position:relative; margin-bottom:10px;"><img src="/itfinger/IMAGE/App/main_menu/menu_ones.jpg" />
                    <div class="select_02"style="height:20px; width:100px; margin :0px 0px 2px 10px;">
                        <span class="ctrl"><span class="arrow"></span></span>
                        <button type="button" class="my_value">dfdfdf</button>
                        <ul class="a_list">
                        <li><a href="#1">Link_1</a></li>
                        <li><a href="#2">Link_2</a></li>
                        <li><a href="#3">Link_3</a></li>
                        </ul> 
                    </div>
                </div>
                <div style="position:relative; margin-bottom:10px;"><img src="/itfinger/IMAGE/App/main_menu/menu_patton.jpg" />
                    <div class="select_02"style="height:20px; width:100px; margin :0px 0px 2px 10px;">
                        <span class="ctrl"><span class="arrow"></span></span>
                        <button type="button" class="my_value">dfdfdf</button>
                        <ul class="a_list">
                        <li><a href="#1">Link_1</a></li>
                        <li><a href="#2">Link_2</a></li>
                        <li><a href="#3">Link_3</a></li>
                        </ul> 
                    </div>
                </div>
                <div style="position:relative; margin-bottom:10px;"><img src="/itfinger/IMAGE/App/main_menu/menu_color.jpg" />
                </div>
                <!--폰트설정-->
                <div style="position:relative; margin-bottom:10px;"><img src="/itfinger/IMAGE/App/main_menu/font.jpg" />
                    <div class="select_02"style="position:relative; height:20px; width:100px; margin :0px 0px 2px 10px;">
                        <span class="ctrl"><span class="arrow"></span></span>
                        <button type="button" class="my_value">dfdfdf</button>
                        <ul class="a_list">
                        <li><a href="#1">Link_1</a></li>
                        <li><a href="#2">Link_2</a></li>
                        <li><a href="#3">Link_3</a></li>
                        </ul> 
                    </div>
                    <div class="select_02" style="position:relative; height:20px; width:100px; margin :0px 0px 2px 10px;">
                        <span class="ctrl"><span class="arrow"></span></span>
                        <button type="button" class="my_value">dfdfdf</button>
                        <ul class="a_list">
                        <li><a href="#1">Link_1</a></li>
                        <li><a href="#2">Link_2</a></li>
                        <li><a href="#3">Link_3</a></li>
                        </ul> 
                    </div>
                    <div style="position:relative; height:20px; width:100px; margin :-22px 0px 2px 357px;">
                        <img src="/itfinger/BTN/color.jpg" style="margin :0px 0px 0px 10px;" />
                    </div>
                </div>
                <div style="position:relative; margin-bottom:2px; height:25px; background:url(/itfinger/IMAGE/App/main_menu/table_bg.jpg); font-family:돋움; color:#767676;"></div>
                <!-- 순서 설정[아이프레임]-->
                    <iframe src="main_menu_table.html" frameborder="0" style="border:0px;" marginheight="0" marginwidth="0" height="200" width="536" id="table_01"></iframe>
            </div>
        </div>
    </div>
</div>
</body>
</html>